<template>
  <div id="components-grid-demo-playground">
    test
    <a-row :gutter="[16, 8]">
      <a-col
        v-for="item in 4"
        :key="item.toString()"
        :span="24 / 4"
      >
        <div>Column</div>
      </a-col>
      <a-col
        v-for="item in 4"
        :key="item.toString()"
        :span="24 / 4"
      >
        <div>Column</div>
      </a-col>
    </a-row>
  </div>
</template>
<script>
import { computed, defineComponent, reactive, toRefs } from 'vue';
export default defineComponent({
  setup() {
    return {
    };
  },
});
</script>
<style scoped>
#components-grid-demo-playground :deep(.ant-col) {
  background: transparent;
  border: 0;
}
#components-grid-demo-playground :deep(.ant-col) > div {
  background: #00a0e9;
  height: 120px;
  line-height: 120px;
  font-size: 13px;
}
#components-grid-demo-playground pre {
  background: #f9f9f9;
  border-radius: 6px;
  font-size: 13px;
  padding: 8px 16px;
}
</style>